		<link rel="stylesheet" href="../static/css/blueprint/screen.css" type="text/css" media="screen, projection"/>
		<link rel="stylesheet" href="../static/css/blueprint/print.css" type="text/css" media="print"/>

<div class="container">
	<form id="search-form" action="/search-business/" method=post>	
		<div class="span-8">
			<label for="what">What are you looking for?</label>
			<input id="what" class="what ac_input" name="what" value="" type="text" />
			<h4>(Category or Business Name)</h4>
		</div>
		<select id="where" name="where" class="span-8">
		  <option value="Kitchener" selected="selected">Kitchener</option>
		  <option value="Waterloo">Waterloo</option>
		  <option value="Cambridge">Cambridge</option>
		  <option value="London">London</option>
		</select>		
		<button type="submit" id="btn-search-business" class='main-button'>Search</button>
	</form>
</div>
<div id='search-result'>
<ul id='list-record'>
<li>
{% for business in businesses %}
	<div class="container">
		<div class="span-8">
			<h4 id="{{business.name}}" class="business" style="width:180px;"><a>{{business.name}}</a></h4>
		</div>
		<div class="span-3 phone-number">{{business.phone}}</div>
	</div>
	<div class="container">
		<div>{{business.location}}</div><br />
		<div>{{business.description}}</div>
		<div><b>Service: </b>{{business.categories}}</div>
		<hr>
	</div>
</li>
<li>
{% endfor %}
</ul>
</div>